/*
========================================
Filename: steps.css
Last Modified: 7/15/2011
========================================
*/

/* ----- setup font size for steps ----- */
#mainNav li a em, h4 {
	font-size: 1em
}

#mainNav li a span {
	font-size: .9em
}

/* ----- base links ----- */
a:link {font-weight:bold;}
a:visited {font-weight:bold;}
a:hover {color:#FFFF99;outline:none;font-weight:bold;}
a:active {font-weight:bold;}

/* ----- spacer ----- */
.clearfloat {clear: both;}


/* = #mainNav2 & #mainNav3 & #mainNav4 & #mainNav5
----------------------------------------------------------------------------------------------------*/
#mainNav li{
	height:71px;
	list-style:none;
	float:left;
	background-color:#EBEBEB;
	background-image: url(../../template/simple2/images/navBtn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#mainNav li.current{
	background-color:#8494B4;
	background-image: url(../../template/simple2/images/navCurrentBtn.gif);
}

#mainNav li.lastDone{
	background-color:#C3C9D5;
	background-image: url(../../template/simple2/images/navLastDoneBtn.gif);
}

#mainNav li.done{
	background-color:#C3C9D5;
	background-image: url(../../template/simple2/images/navDoneBtn.gif);
}

#mainNav li a, #mainNav li a:link, #mainNav li a:visited, #mainNav li a:hover, #mainNav li a:active {
	color:#ccc;
	cursor:pointer;
}

#mainNav li.lastDone a, #mainNav li.lastDone a:link, #mainNav li.lastDone a:visited, #mainNav li.lastDone a:hover, #mainNav li.lastDone a:active, #mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, #mainNav li.current a:hover, #mainNav li.current a:active, #mainNav li.done a, #mainNav li.done a:link, #mainNav li.done a:visited, #mainNav li.done a:hover, #mainNav li.done a:active {
	color:#000;
	cursor:pointer;
}

#mainNav li.done a:hover, #mainNav li.lastDone a:hover  {
	color:#FFFF99;
	cursor:pointer;
}

#mainNav li a em{
	width:150px;
	display:block;
	margin:6px 0 0 10px;
	font-style:normal;
	font-weight:bold;
}

#mainNav li a span{
	width:140px;
	display:block;
	margin-left:10px;
	font-weight:normal;
}

#mainNav li.mainNavNoBg{
	background-image:none;
}

#mainNav li a{
	height:71px;
	display:block;
}

/* #mainNav.fiveStep */
#mainNav.fiveStep li{width:20%;}
#mainNav.fiveStep li a{width:5%;}

/* #mainNav.fourStep */
#mainNav.fourStep li{width:20%;}
#mainNav.fourStep li.mainNavNoBg{width:40%;}
#mainNav.fourStep li a{width:5%;}

/* #mainNav.threeStep */
#mainNav.threeStep li{width:20%;}
#mainNav.threeStep li.mainNavNoBg{width:10%;}
#mainNav.threeStep li a{width:5%;}

/* #mainNav.twoStep */
#mainNav.twoStep li{width:20%;}
#mainNav.twoStep li a{width:5%;}
